﻿<%@ Page Language="C#" MasterPageFile="~/Share.Master" AutoEventWireup="true" CodeBehind="workreading.aspx.cs"
    Inherits="Web.workreading" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <form id="form1" runat="server">
    <div class="main content">
        <div class="nav worknav">
            <div class="nav">
                <ul >
                    <li class="newsback"><span><a href="works.aspx" title="点击返回"></a></span></li>
                    <ul class="worksnavlist">
                    <asp:Repeater ID="WorkCategoryRepeater" runat="server">
                        <ItemTemplate>
                            <li class="<%# Eval("CurrentFlag")%>"><span><a href="works.aspx?wid=<%# DataBinder.Eval(Container.DataItem, "CategoryID") %>">
                                <%# DataBinder.Eval(Container.DataItem, "CategoryName") %></a><%# Eval("CategoryNew")%></span></li>
                        </ItemTemplate>
                    </asp:Repeater>
                    </ul>
                </ul>
                <div class="nppager">
                    <asp:ImageButton ID="btn_pre" runat="server" ImageUrl="~/images/wnp.png" OnClick="btn_pre_Click" />
                    <asp:ImageButton ID="btn_next" runat="server" ImageUrl="~/images/wnn.png" OnClick="btn_next_Click" />
                </div>
            </div>
        </div>
        <asp:DataList ID="WorksInfoData" runat="server" OnItemDataBound="WorksInfoData_ItemDataBound">
            <ItemTemplate>
                <div class="works">
                    <div class="worksimg">
                        <div class="wimgfirst">
                            <a class='highslide' href="<%# Eval("FirstPicURL") %>" onclick="return hs.expand(this)">
                                <img width="450px" height="300px" src='<%# Eval("FirstPicURL") %>' alt="big one"
                                     alt="<%# Eval("FirstPicURL") %>" /></a></div>
                        <div class="wimglist">
                            <asp:DataList ID="WorksPicData" runat="server" RepeatColumns="3" RepeatDirection="Horizontal">
                                <ItemTemplate>
                                    <div class="wimgrow">
                                        <a class='highslide' href="<%# Eval("PicURL") %>" onclick="return hs.expand(this)">
                                            <img title='<%# Eval("PicName") %>' width="145px" height="96px" src='<%# Eval("PicURL") %>'
                                                alt="<%# Eval("PicURL") %>" /></a></div>
                                </ItemTemplate>
                            </asp:DataList>
                            <asp:DataList ID="A222" runat="server">
                            </asp:DataList>
                        </div>
                    </div>
                    <div class="workscontent">
                        <div class="wctitle">
                            <%# Eval("Title") %></div>
                        <div class="wctime">
                            时间：<%# Eval("TeamWorkTime") %></div>
                        <div class="wcpartner">
                            客户：<%# Eval("CustomerName") %></div>
                        <div class="wccontent">
                            <%# Eval("WorkContent")%>
                        </div>
                    </div>
                </div>
                <div class="clearboth">
                </div>
            </ItemTemplate>
        </asp:DataList>
    </div>
    </form>
</asp:Content>
<asp:Content ID="cssHolder" runat="server" ContentPlaceHolderID="cssHolder">

    <script type="text/javascript" src="highslide/highslide-full.js"></script>

    <link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
    <!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="highslide/highslide-ie6.css" />
<![endif]-->

    <script type="text/javascript">
 
    hs.graphicsDir = 'highslide/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.fadeInOut = true;
    hs.dimmingOpacity = 0.8;
    hs.outlineType = null;
    hs.lang.restoreTitle = '';
    hs.loadingText = '';
    hs.showCredits = false;
    hs.allowSizeReduction = false;
    //hs.outlineType = 'rounded-white';
    //hs.captionEval = 'this.thumb.alt';
    //hs.marginBottom = 105; // make room for the thumbstrip and the controls
    //hs.numberPosition = 'caption';

    // Add the slideshow providing the controlbar and the thumbstrip
    hs.addSlideshow({
        //slideshowGroup: 'group1',
        interval: 5000,
        repeat: true,
        useControls: true,
        fixedControls:'fit',
        thumbstrip: {
            position: 'below',
            mode: 'horizontal',
            relativeTo: 'expander'
        },
        overlayOptions: {
            opacity: .75,
            position: 'bottom center',
            hideOnMouseOut: true
        }
    });

    hs.Expander.prototype.onImageClick = function() {
        return hs.next();
    }
    </script>

</asp:Content>
<asp:Content ID="contetnt" ContentPlaceHolderID="jsContent" runat="server">

    <script language="javascript" type="text/javascript">
    $(function() { $(".worksnavlist").lavaLamp({ fx: "backout", speed: 700 }) });
    </script>

</asp:Content>
